<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
    <p>请你输入搜索的内容: <input type="text"></p>
  
</body>
<script src="./js/lodash.js"></script>
<script>
  //  防抖：前面的所有的触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续的触发，只会执行一次
  let input = document.querySelector('input')
  //文本发生改变立即变化
  // input.oninput=function(){
  //   console.log(1);
  // }

  input.oninput=_.debounce(function(){
    console.log('ajax发送请求');
  },1000)

  //lodash 插件：里面封装函数的防抖与节流的业务[闭包+延迟器]
  //1:lodash函数库最外暴露_函数  / jQuery对外暴露$
  console.log(_);



</script>
</html>